@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div,img{ border:0;}
body{ font-size:12px; font-family:微软雅黑; overflow-x: hidden; text-align:center;}

/*首页*/
.center{ width:1024px; margin:0 auto;}

.header{ width:100%; height:123px; position:relative; z-index:10; background:#FFF; display:block;}
.header1{ width:100%; height:40px; background:#727274;}
.header1_1{ float:left; color:#FFF; line-height:40px;}
.header1_2{ float:right;}
.header1_2 li{ float:left; margin-left:14px;}
.header1_2 li a{ color:#FFF; display:block; padding-left:30px; height:40px; line-height:40px;}
.header1_3{ background:url(../images/header1.jpg) left center no-repeat;}
.header1_4{ background:url(../images/header2.jpg) left center no-repeat;}
.header1_2 li a:hover{ text-decoration:underline;}

.header2{ height:83px;}
.logo{ float:left; margin-top:13px;}

.nav{ float:right; height:83px;}
.nav>li{ float:left; width:100px; height:83px; position:relative; margin-left:5px;}
.nav>li>a{ display:block; width:100px; height:83px; line-height:83px; font-size:16px; color:#231f20;}
.nav>li:hover>a{ background:#d02722; color:#FFF;}
.nav>li .a_on{ background:#d02722; color:#FFF;}
.nav1{ position:absolute; top:83px; left:0; width:100px; overflow:hidden; background:url(../images/nav1.png) repeat; padding:10px 0; display:none;}
.nav1 li{ width:100%; overflow:hidden;}
.nav1 li a{ color:#FFF; display:block; width:100%; height:30px; line-height:30px;}
.nav1 li a:hover{ background:#d02722;}
.nav>li:hover .nav1{ display:block;}

/* 本例子css */
.slideBox{ width:100% !important; height:500px; overflow:hidden; position:relative; z-index:1; display:block;}

.slideBox .hd{ width:100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; display:inline-table;}
.slideBox .hd ul li{ float:left; margin:0 2px; width:84px; height:4px; background:#757575; cursor:pointer;}
.slideBox .hd ul li.on{ background:#d02722;}

.slideBox .bd{ position:relative; width:100% !important; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:500px; zoom:1; vertical-align:middle;}

.mobile_bg{ width:100%; overflow:hidden; position:relative; z-index:1; background:#FFF; display:none;}
.mobile_bg_blank{ display:none; width:100%; height:57px; clear:both;}

.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:15px 0;}
.mobile_logo{ display:inline-block; height:40px;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2 li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2 li a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:19px;}
.header_mobile1 .span1{ display:block; height:3px; background:#333; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#333; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#333; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.swiper-container {
	width: 100%;
	height: 100%;
	float:left;
	display:none;
}
.swiper-container img{ display:block; width:100%;}

.index1{ width:100%; height:380px; position:relative; z-index:100; position:relative; background:#FFF;}
.index1_1{ float:left; margin-top:-65px; display:block;}
.index1_2{ float:left; width:400px; overflow:hidden; text-align:left; margin-left:30px;}
.index1_3{ float:left; width:100%; overflow:hidden; font-size:28px; color:#333; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:38px;}
.index1_3 span{ width:4px; height:30px; background:#d02722; float:left; margin-top:5px; margin-right:14px;}
.index1_4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; height:112px; line-height:28px; margin-top:28px;}
.index1_5{ float:left; width:116px; height:36px; line-height:36px; border:2px solid #666666; text-align:center; font-size:14px; color:#333; margin-top:20px;}
.index1_5:hover{ background:#666666; color:#FFF;}
.index1_6{ float:right; margin-top:35px; display:block; width:409px;}

.index2{ width:100%; position:relative; z-index:110; position:relative; padding:100px 0 35px 0;}
.index2_1{ width:100%; background:url(../images/index8.png) repeat; padding:30px 0;}
.index2_2{ position:relative;}
.index2_3{ position:absolute; right:0; top:-215px; display:block;}

/* 本例子css */
.slideTxtBox{ width:1024px; margin:0 auto; position:relative; display:block;}

.slideTxtBox .hd{ height:40px; position:absolute; top:-105px; left:0px;}
.slideTxtBox .hd ul{ float:left;}
.slideTxtBox .hd ul li{ float:left; cursor:pointer; width:118px; height:38px; line-height:38px; font-size:14px; color:#999999; border:1px solid #737272; margin-right:10px;}
.slideTxtBox .hd ul li.on{ background:#d02722; color:#FFF; border:1px solid #d02722;}

.slideTxtBox .bd{ width:1024px; position:relative; z-index:100;}
.slideTxtBox .bd>ul{ zoom:1;}
.slideTxtBox .bd>ul>li{ width:1024px; overflow:hidden; position:relative;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{ position:absolute; left:0; top:200px; width:100%; height:50px; z-index:10;}
.slideTxtBox .arrow .prev{ display:block; width:24px; height:50px; float:left; margin-left:-88px; overflow:hidden; cursor:pointer; background:url(../images/index4.png) no-repeat;}
.slideTxtBox .arrow .next{ display:block; width:24px; height:50px; float:right; margin-right:-88px; overflow:hidden; cursor:pointer; background:url(../images/index5.png) no-repeat;}

.index2_4{ position:absolute; top:20px; left:0; display:block; z-index:10; width:333px; height:333px;}
.index2_4 img{ display:block; position:relative; z-index:1; width:300px; height:292px;}
.index2_4 span{ display:block; position:absolute; bottom:0; right:0; width:120px; height:40px; line-height:40px; z-index:10; font-size:14px; color:#FFF; background:url(../images/index6.png) repeat;}
.index2_5{ float:right; width:940px; min-height:252px; border:2px solid #d02722; overflow:hidden; position:relative; z-index:1; padding:28px 0;}
.index2_6{ float:right; width:635px; margin-right:40px; text-align:left;}
.index2_7{ float:left; width:100%; line-height:30px; overflow:hidden; font-size:24px; font-weight:bold; color:#FFF;}
.index2_8{ float:left; width:100%; line-height:30px; overflow:hidden; font-size:14px; color:#FFF; margin-top:10px;}
.index2_9{ float:left; width:100%; overflow:hidden;}
.index2_9 li{ float:left; margin-right:15px; margin-top:10px;}
.index2_9 li a{ display:block; height:40px; line-height:40px; padding:0 10px; border:1px solid #909090; color:#FFF; font-size:14px; -webkit-border-radius:0 0 8px 0; -moz-border-radius:0 0 8px 0; border-radius:0 0 8px 0; overflow:hidden;}
.index2_9 li a:hover{ background:#d02722;}

.swiper-container2 {
	width: 100%;
	height:auto;
	float:left;
	display:none;
	overflow:hidden;
	background:url(../images/index8.png) repeat;
	padding:50px 0;
	margin:50px 0;
}
.swiper-container2 .swiper-slide img{ display:block; max-width:100%; width:30%; float:left;}

.index2_10{ float:left; width:94%; overflow:hidden; margin-left:3%;}

.index3{ width:100%; height:590px; background:url(../images/index10.jpg) center bottom no-repeat #f7f7f7; position:relative; z-index:10; overflow:hidden; padding:60px 0 40px 0;}

.index3_1{ width:100%; overflow:hidden; margin:0 auto;}
.index3_2{ float:left;}
.index3_2 b{ float:left; display:block; width:30px; height:4px; background:#d02722; clear:both; margin-top:20px;}
.index3_3{ float:left; font-family:"Arial"; font-size:30px; color:#d02722; line-height:40px;}
.index3_3 span{ font-family:"微软雅黑"; font-size:24px; color:#333; vertical-align:top; line-height:36px;}
.index3_4{ float:right; width:116px; height:36px; line-height:36px; border:2px solid #666; font-size:14px; color:#333;}
.index3_4:hover{ background:#666; color:#FFF;}

/* 本例子css */
.picScroll-left{ width:1024px; height:300px; overflow:hidden; position:relative; margin-top:33px; display:block;}
.picScroll-left .prev{ display:block; width:36px; height:36px; overflow:hidden; cursor:pointer; background:url(../images/index11.jpg) no-repeat; position:absolute; top:132px; left:0; z-index:10;}
.picScroll-left .next{ display:block; width:36px; height:36px; overflow:hidden; cursor:pointer; background:url(../images/index12.jpg) no-repeat; position:absolute; top:132px; right:0; z-index:10;}

.picScroll-left .bd{ width:984px; height:300px; overflow:hidden; float:left; margin-left:20px; position:relative; z-index:1;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:1160px; height:300px;}
.picScroll-left .bd ul li a{ display:block; width:984px; height:300px;}
.picScroll-left .bd ul li .pic{ float:left; width:492px; height:300px;}
.picScroll-left .bd ul li .title{ float:left; width:490px; height:298px; border:1px solid #e6e6e6; background:#FFF; text-align:left;}
.picScroll-left .bd ul li .title1{ float:left; width:430px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:30px; margin-top:50px; font-size:20px; color:#333; position:relative;}
.picScroll-left .bd ul li .title1 span{ width:46px; height:2px; background:#e6e6e6; position:absolute; bottom:0; left:0;}
.picScroll-left .bd ul li .title2{ float:left; width:430px; margin-left:30px; margin-top:15px; font-size:14px; color:#666; line-height:30px; height:150px; overflow:hidden;}

.swiper-container3 {
	width: 100%;
	height:auto;
	float:left;
	display:none;
	overflow:hidden;
	margin-top:33px;
}
.swiper-container3 .swiper-slide img{ display:block; max-width:100%; width:580px; margin:0 auto;}

.index3_5{ width:94%; overflow:hidden; position:relative; display:block; margin:0 auto;}
.index3_5 .title{ max-width:100%; width:580px; height:298px; text-align:left; margin:0 auto;}
.index3_5 .title1{ float:left; width:100%; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:50px; font-size:20px; color:#333; position:relative;}
.index3_5 .title1 span{ width:46px; height:2px; background:#e6e6e6; position:absolute; bottom:0; left:0;}
.index3_5 .title2{ float:left; width:100%; margin-top:15px; font-size:14px; color:#666; line-height:30px; overflow:hidden;}

.index3_6{ width:1024px; overflow:hidden; margin:0 auto;}
.index3_6 li{ float:left; margin-left:20px; width:314px; text-align:left; margin-top:35px;}
.index3_6 li a{ display:block; width:100%; overflow:hidden;}
.index3_6 li a img{ float:left; display:block; margin-top:10px;}
.index3_7{ float:left; position:relative; width:100%; height:40px; font-size:16px; color:#505050; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index3_7 span{ position:absolute; bottom:0; left:0; width:50px; height:1px; background:#d5d5d5;}
.index3_8{ float:left; font-size:14px; color:#666; width:100%; height:60px; line-height:30px; overflow:hidden; margin-top:20px;}

.footer{ width:100%; overflow:hidden; background:#252525; position:relative; z-index:10;}
.footer1{ overflow:hidden; padding-bottom:20px;}
.footer2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#999999; text-align:left; height:50px; line-height:50px;}

/* 本例子css */
.txtMarquee-left{ width:1024px; height:35px; position:relative; overflow:hidden;}
.txtMarquee-left .prev{ display:block; width:45px; height:45px; overflow:hidden; cursor:pointer; background:url(../images/index15.jpg) no-repeat; position:absolute; top:0; left:0;}
.txtMarquee-left .next{ display:block; width:45px; height:45px; overflow:hidden; cursor:pointer; background:url(../images/index16.jpg) no-repeat; position:absolute; top:0; right:0;}
.txtMarquee-left .bd{ width:914px; overflow:hidden; float:left; margin-left:55px;}
.txtMarquee-left .bd .tempWrap{ width:914px !important;}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.txtMarquee-left .bd ul li{ margin-right:10px; float:left; _display:inline; width:auto !important; background:#3b3a3a;}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{ color:#999; display:block; height:35px; line-height:35px; padding:0 25px;}

.footer3{ width:100%; height:1px; background:#333232;}
.footer4{ overflow:hidden; padding-bottom:0px;}
.footer5{ float:left; width:459px; margin-top:20px;}
.footer6{ float:left; width:350px; height:220px; border-left:1px solid #2f2f2f; margin-top:0px; margin-left:30px; padding-left:30px; text-align:left; color:#a8a8a8;}
.footer6_1{ background:url(../images/index18.png) left 1px no-repeat; padding-left:43px; line-height:30px; font-size:22px; margin-top:30px;}
.footer6_2{ background:url(../images/index19.png) 6px 3px no-repeat; padding-left:29px; line-height:24px; font-size:14px; margin-top:15px;}
.footer6_3{ background:url(../images/index20.png) 5px 2px no-repeat; padding-left:29px; line-height:24px; font-size:14px; margin-top:8px;}
.footer6_4{ background:url(../images/index21.png) 6px 5px no-repeat; padding-left:29px; line-height:24px; font-size:14px; margin-top:8px;}
.footer6_5{ background:url(../images/index22.png) 6px 4px no-repeat; padding-left:29px; line-height:24px; font-size:14px; margin-top:8px;}
.footer6 a{ color:#a8a8a8;}
.footer7{ float:right; width:134px; height:134px; margin-top:35px;}
.footer8{ color:#6e6d6d; background:url(../images/nav1.png) top center repeat-x; line-height:24px; padding:10px 0 10px 0; text-align:left; overflow:hidden;}
.footer8 span{ float:left; display:block; width:88%;}
.footer8 a{ float:right; color:#6e6d6d; display:block;}

.piaofu{ position:fixed; top:50%; margin-top:-140px; right:20px; width:60px; z-index:9999999; display:block;}
.piaofu li{ float:left; margin-top:1px; cursor:pointer; background:#222329; position:relative; width:60px; height:70px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.piaofu1{ width:60px; height:70px; background:url(../images/index25.png) center center no-repeat;}
.piaofu2{ width:60px; height:70px; background:url(../images/index26.png) center center no-repeat;}
.piaofu3{ width:60px; height:70px; background:url(../images/index27.png) center center no-repeat;}
.piaofu4{ width:60px; height:70px; background:url(../images/index28.png) center center no-repeat;}

.piaofu li:hover{ background:#e41622;}
.piaofu_in{ position:absolute; background:#e41622; min-width:134px; min-height:70px; line-height:70px; font-size:20px; color:#FFF; display:none;}
.piaofu_in img{ display:block;}
.piaofu_in span{ display:block; width:200px; height:70px; overflow:hidden;}
.piaofu_in1{ top:0; left:-134px;}
.piaofu_in2{ top:0; left:-200px;}

/* about css */
.neiye_banner{ width:100%; height:220px; display:block; background-size:1630px auto !important; 
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.neiye_banner1{ width:100%; overflow:hidden; display:none;}
.neiye_banner1 img{ width:100%; display:block;}

.neiye_nav{ width:100%; height:50px; background:#f2f2f2; display:block;}
.neiye_nav ul{ width:1024px; margin:0 auto;}
.neiye_nav ul li{ float:left; border-right:1px solid #FFF;}
.neiye_nav ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#666;}
.about_nav li{ width:33.2%;}
.about_nav li a:hover{ background:#d02722; color:#FFF;}
.about_nav li .a_on{ background:#d02722; color:#FFF;}

.about{ width:100%; overflow:hidden;}
.about_title{ width:320px; margin:26px auto 0 auto;}
.about_title1{ width:100%; font-size:32px; color:#d02722; line-height:38px;}
.about_title2{ width:100%; font-family:"Arial"; color:#a6a6a6; line-height:18px;}

.about1{ overflow:hidden; padding:30px 0 50px 0;}
.about1_1{ float:left; width:490px; overflow:hidden; text-align:left;}
.about1_2{ float:left; width:472px; font-size:30px; color:#333; position:relative; line-height:40px; padding-left:18px; margin-top:0px;}
.about1_2 span{ position:absolute; width:4px; height:30px; background:#d02722; left:0; top:7px;}
.about1_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:26px; margin-top:30px;}
.about1_4{ float:right; width:490px; display:block;}

.about2{ width:100%; overflow:hidden; background:#b40f1c; padding:45px 0;}
.about2 ul{ width:1024px; margin:0 auto;}
.about2 ul li{ float:left; width:320px; min-height:110px; border-right:1px dotted #e69498; padding:0 10px; color:#FFF;}
.about2_1{ float:left; width:100%; font-size:26px; line-height:30px; overflow:hidden; margin-top:10px;}
.about2_2{ float:left; width:100%; font-size:14px; line-height:24px; overflow:hidden; margin-top:10px;}

.about3{ padding:60px 0;}
.about3 img{ display:inline-block; width:31%; margin:0 1%;}

/* manager css */
.manager1{ padding:40px 0 50px 0; overflow:hidden;}
.manager1_1{ float:left; width:318px; height:277px; display:block;}
.manager1_2{ float:right; width:660px; text-align:left; margin-right:0px;}
.manager1_3{ float:left; width:98%; height:34px; line-height:34px; font-size:30px; color:#333; position:relative; padding-left:2%;}
.manager1_3 span{ position:absolute; top:4px; left:0; width:4px; height:30px; background:#d02722;}
.manager1_4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:24px; padding:40px 0;}

.manager2{ width:100%; padding:50px 0; overflow:hidden; background:#fafafa;}
.manager2_1{ overflow:hidden; text-align:left;}
.manager2_2{ float:left; width:98%; height:34px; line-height:34px; font-size:30px; color:#333; position:relative; padding-left:1.3%;}
.manager2_2 span{ position:absolute; top:4px; left:0; width:4px; height:30px; background:#d02722;}
.manager2_3{ float:left; width:100%; overflow:hidden; margin-top:40px;}
.manager2_4{ float:left; width:35%; font-size:16px; color:#666; line-height:26px;}
.manager2_5{ float:right; width:615px; display:block;}

/* honor css */
.honor3{ width:1024px; margin:0 auto; overflow:hidden; background:url(../images/honor3.jpg) top center repeat-y; padding:0px;}
.honor3 li{ float:left; width:298px; height:435px; background:url(../images/honor4.jpg) center 62px no-repeat; margin:0 21px; overflow:hidden;}
.honor3_1{ float:left; margin-top:71px; margin-left:9px; display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block;}
.honor3_2{ float:left; width:100%; text-align:center; font-size:16px; color:#666666; margin-top:10px; height:54px; line-height:54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{ width:100%; height:40px; padding:60px 0;}

/* contact css */
.contact1{ width:916px; height:464px; background:url(../images/contact2.jpg) no-repeat; margin:0 auto;}
.contact2{ border:none; margin-left:42px; padding-left:0px; margin-top:56px; width:60%;}
.contact3{ float:left; width:96%; height:34px; line-height:34px; font-size:30px; color:#333; position:relative; padding-left:4%;}
.contact3 span{ position:absolute; top:4px; left:0; width:4px; height:30px; background:#d02722;}
.contact4{ margin-top:60px;}
.contact4 b{ color:#d02722; font-size:30px;}
.contact5{ float:right; margin-top:135px; margin-right:120px;}

.map{ width:100%; height:550px;}

/* news css */
.news1{ padding-bottom:50px; overflow:hidden;}

.news2{ width:100%; background:#f3f3f3; overflow:hidden; padding-bottom:50px;}
.news2 ul{ width:1024px; overflow:hidden; margin:0 auto;}
.news2 ul li{ float:left; width:50%; overflow:hidden; margin-top:50px;}
.news2 ul li a{ display:block; width:100%; height:100%; overflow:hidden;}
.news3{ float:left; width:100px; height:100px; overflow:hidden; background:#7a7a7a; color:#FFF;}
.news4{ float:left; width:100%; font-size:36px; line-height:40px; margin-top:15px;}
.news5{ float:left; width:100%; font-size:14px; line-height:20px; margin-top:10px;}
.news6{ float:left; width:360px; margin-left:25px; text-align:left; overflow:hidden;}
.news7{ float:left; width:100%; height:20px; line-height:20px; font-size:16px; font-weight:bold; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
.news8{ float:left; width:100%; height:20px; line-height:20px; font-size:14px; color:#999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.news9{ float:left; color:#7a7a7a; display:block; width:95px; height:28px; line-height:28px; text-align:center; border:1px solid #7a7a7a; margin-top:15px;}

.news2 ul li a:hover .news3{ background:#e60911;}
.news2 ul li a:hover .news9{ color:#e60911; border:1px solid #e60911;}

/* newsIn css */
.newIn1{ overflow:hidden;}
.newIn2{ float:left; width:90%; margin-left:5%; font-size:36px; color:#333; line-height:42px; margin-top:45px;}
.newIn3{ float:left; width:90%; padding:0 5% 25px 5%; font-size:14px; color:#666; line-height:20px; margin-top:25px; border-bottom:1px solid #dedede;}
.newIn3 span{ font-size:16px; font-weight:lighter; padding:0 10px;}
.newIn4{ float:left; width:100%; overflow:hidden; text-align:left; padding:50px 0; font-size:14px; color:#666; line-height:30px;}
.newIn4 img{ max-width:100%; margin:0 auto; display:block;}

.pageIn{ width:100%; overflow:hidden; border-top:1px solid #e6e6e9; padding:20px 0 30px 0; position:relative;}
.pageIn1{ float:left; width:80%; overflow:hidden; text-align:left; font-size:14px; color:#333; line-height:20px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pageIn1 a{ color:#333;}
.pageIn2{ width:130px; height:42px; line-height:42px; background:#e60911; position:absolute; right:0; top:30px; color:#FFF; font-size:14px; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px;}

/* pro css */
.pro1{ width:1024px; overflow:hidden; margin:0 auto; padding-bottom:80px;}
.pro1 li{ float:left; width:331px; margin-left:5px; margin-right:5px; margin-top:30px;}
.pro2{ display:block; border:1px solid #dddddd; overflow:hidden; width:329px; height:auto;}
.pro2 img{ width:100%; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro3{ display:block; width:331px; height:161px; color:#666; position:relative;}
.pro3_1{ float:left; margin-left:25%; font-size:24px; width:50%; height:30px; line-height:30px; overflow:hidden; margin-top:18px; position:relative; z-index:10; background:#FFF;}
.pro3_2{ float:left; margin-left:5%; font-size:14px; width:90%; line-height:24px; height:48px; overflow:hidden; margin-top:15px; position:relative; z-index:10;}
.pro3_3{ position:absolute; width:327px; height:124px; border:2px solid #ebebeb; top:33px; left:0; z-index:1;}
.pro3_4{ position:absolute; bottom:-37px; left:50%; margin-left:-37px; z-index:10; width:74px; height:75px; background:url(../images/pro6.png) no-repeat;}

.pro1 li:hover .pro3{ color:#FFF; background:#ff0001;}
.pro1 li:hover .pro3_1{ background:#ff0001;}
.pro1 li:hover .pro3_3{ border:2px solid #ff0001;}
.pro1 li:hover .pro3_4{ background:url(../images/pro5.png) no-repeat;}
.pro1 li:hover .pro2 img{ -webkit-transform:scale(1.05) translateZ(0px); -moz-transform:scale(1.05) translateZ(0px); -ms-transform:scale(1.05) translateZ(0px); -o-transform:scale(1.05) translateZ(0px); transform:scale(1.05) translateZ(0px);}

/* proIn css */
.proIn{ width:1024px; margin:0 auto; overflow:hidden; padding:30px 0 50px 0;}
.proIn1{ float:left; width:333px; height:333px;}
.proIn2{ float:right; width:650px; overflow:hidden;}
.proIn3{ float:left; width:100%; overflow:hidden;}
.proIn3 li{ float:left; overflow:hidden; margin-right:16px; margin-bottom:16px;}
.proIn3 li a{ display:block; height:40px; line-height:40px; border:1px solid #909090; padding:0 12px; -webkit-border-radius:0 0 8px 0; -moz-border-radius:0 0 8px 0; border-radius:0 0 8px 0; overflow:hidden; font-size:14px; color:#333;}
.proIn3 li a:hover{ background:#d02722; color:#FFF; border:1px solid #d02722;}
.proIn3 li .a_on{ background:#d02722; color:#FFF; border:1px solid #d02722;}
.proIn4{ float:left; width:100%; text-align:left; font-size:14px; color:#333; line-height:30px;}
.proIn4 b{ font-size:18px;}

}